<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{$meta_title}</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="cleartype" content="on">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">

<!-- 外部样式资源加载 -->
<link rel="stylesheet" href="//g.alicdn.com/platform/tingle-ui/1.1.9/salt-ui.min.css">

<!-- 项目样式资源加载 -->
<link rel="stylesheet" href="./app.css">

<!-- 外部脚本资源加载 -->
<script src="//g.alicdn.com/platform/c/??zepto/1.1.6/zepto.min.js,react/0.14.3/react-with-addons.js,react/0.14.3/react-dom.min.js,react-router/2.0.0/umd/ReactRouter.min.js,fastclick/1.0.6/lib/fastclick.min.js,lie/3.0.2/dist/lie.polyfill.min.js,natty-db/1.0.2/dist/natty-db.min.js,reflux/0.3.0/dist/reflux.min.js"></script>
</head>
<body>
<script type="text/javascript" src="https://g.alicdn.com/ilw/ding/0.8.9/scripts/dingtalk.js"></script> 
<script language="javascript">
function tabs(n)
{
var len = 4;
for (var i = 1; i <= len; i++)
{
document.getElementById('tab_a' + i).style.display = (i == n) ? 'block' : 'none';
document.getElementById('tab_' + i).className = (i == n) ? 'aaa' : 'none';
}
}
$(function(){
	var status={$status};
	if(status==2){
		document.getElementById('tab_a1').style.display ='block';
		document.getElementById('tab_a2').style.display ='none';
		document.getElementById('tab_a3').style.display ='none';
		document.getElementById('tab_1').className = 'aaa';
		document.getElementById('tab_2').className = 'none';
		document.getElementById('tab_3').className = 'none';
	}else if(status==1){
		document.getElementById('tab_a1').style.display ='none';
		document.getElementById('tab_a2').style.display ='block';
		document.getElementById('tab_a3').style.display ='none';
		document.getElementById('tab_1').className = 'none';
		document.getElementById('tab_2').className = 'aaa';
		document.getElementById('tab_3').className = 'none';
	}else if(status==3){
		document.getElementById('tab_a1').style.display ='none';
		document.getElementById('tab_a2').style.display ='none';
		document.getElementById('tab_a3').style.display ='block';
		document.getElementById('tab_1').className = 'none';
		document.getElementById('tab_2').className = 'none';
		document.getElementById('tab_3').className = 'aaa';
	}
});

function taskInfo(content){
	dd.device.notification.alert({
	    message: content,
	    title: "任务详情",//可传空
	    buttonName: "知道了",
	    onSuccess : function() {
	        //onSuccess将在点击button之后回调
	        /*回调*/
	    },
	    onFail : function(err) {}
	});
	
}



</script>
        <style type="text/css"> 
* {list-style-type:none; font-size:12px; text-decoration:none; margin:0; padding:0;}
.tab{  margin:20px auto;  height:auto; overflow:hidden;}
.tab_b{ overflow:hidden; margin:5px; }
.menu  {overflow:hidden; border-bottom: 1px solid #e3e3e3;}
.menu li{ display:block; float:left; display: list-item; text-align:center; width:33%;line-height:30px;}
.menu li a{ display:block;  color:#000; font-size:14px;}
.menu_d{border-bottom:1px #FFFFFF solid;background-color:#FFFFFF; }
.tab ul li.aaa{color: #38adff; border-bottom: 2px solid #38adff;}
.tab ul li.aaa a{ color:#38adff;}
 .numM{border-bottom:1px dotted  #ccc; width:93%; margin:0 auto;}
 .numM p{ line-height:30px;}
 .numM p > a{ color:#38adff;}
 .startM{ display:inline-block; width:100px;float:right; text-align:right;} 
</style> 
<div class="tab">

	<ul class="menu" id="menutitle">
	<li id="tab_1" ><a href="javascript:void(0)" onclick="tabs('1');" >未开始</a></li>
	<li id="tab_2" ><a href="javascript:void(0)" onclick="tabs('2');" >进行中</a></li>
	<li id="tab_3" ><a href="javascript:void(0)" onclick="tabs('3');" >已完结</a></li>
	
	</ul>

<div class="tab_b" id="tab_a1" > 
			
			
				
				<volist name="task_list2" id="vo" key="k">
				<div class="numM" >
					<p>项目编号：{$vo.projectid}</p>
					<p>执行人：{$vo.uid}</p>
					<p>任务内容：{$vo.content|mb_substr=###,0,10,'utf-8'}....<a href="javascript:taskInfo('{$vo.content}');">详细</a></p>
					<p>任务类型：{$vo.type}</p>
					<p>任务级别：{$vo.emergency_level}</p>
					<p>开始时间：{$vo.start_time}</p>
					<p>完成时间：{$vo.end_time}</p>
					<p>发布人：{$vo.creater}  <a href="/Home/Taskwap/starTask/id/{$vo.id}" class="startM">开始任务</a></p>

					</div>
				</volist>
		
	
	</div>
	<div class="tab_b" id="tab_a2" >
		
				<volist name="task_list1" id="vo" key="k">
					<div class="numM" >
					<p>项目编号：{$vo.projectid}</p>
					<p>执行人：{$vo.uid}</p>
					<p>任务内容：{$vo.content|mb_substr=###,0,10,'utf-8'}....<a href="javascript:taskInfo('{$vo.content}');">详细</a></p>
					<p>任务类型：{$vo.type}</p>
					<p>任务级别：{$vo.emergency_level}</p>
					<p>开始时间：{$vo.start_time}</p>
					<p>完成时间：{$vo.end_time}</p>
					<p>发布人：{$vo.creater} <a href="/Home/Taskwap/finishTask/id/{$vo.id}" class="startM">完结任务</a></p>

					</div>
				</volist>
		
	</div>
	
	<div class="tab_b" id="tab_a3" >
		
				<volist name="task_list3" id="vo" key="k">
			 <div class="numM" >
					<p>项目编号：{$vo.projectid}</p>
					<p>执行人：{$vo.uid}</p>
					<p>任务内容：{$vo.content|mb_substr=###,0,10,'utf-8'}....<a href="javascript:taskInfo('{$vo.content}');">详细</a></p>
					<p>任务类型：{$vo.type}</p>
					<p>任务级别：{$vo.emergency_level}</p>
					<p>开始时间：{$vo.start_time}</p>
					<p>完成时间：{$vo.end_time}</p>
					<p>发布人：{$vo.creater}</p>
					</div>
			
				</volist>
			
	</div>


</div>
<script src="https://g.alicdn.com/ilw/ding/0.9.2/scripts/dingtalk.js"></script>
<script src="//g.alicdn.com/platform/tingle-ui/1.1.9/salt-ui.min.js"></script>

<!-- 项目脚本资源加载 -->
<script src="./app.js"></script>
</body>
</html>